import React, { PureComponent } from 'react';
import { Icon } from 'antd';
import styles from './index.less';
import myFun from '../../pages/common';

export default class GlobalHeaderRight extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      userName: '',
      email: '',
      name: '',
    };
  }

  componentDidMount() {
  }
  render() {
    const { currentUser, theme } = this.props;
    let className = styles.right;
    if (theme === 'dark') {
      className = `${styles.right}  ${styles.dark}`;
    }
    return (
      <div className={className}>
        <span>
          <Icon type="user" style={{ fontSize: '20px' }} />
          <span className={styles.name} style={{ margin: ' 0 20px 0 2px', cursor: 'pointer' }}>
            {this.state.name}
          </span>
        </span>
        {/*<span>*/}
        {/*<Icon type="bank" />*/}
        {/*<span*/}
        {/*style={{ margin: ' 0 20px 0 2px', cursor: 'pointer' }}*/}
        {/*onClick={() => router.push('/')}*/}
        {/*>*/}
        {/*主页*/}
        {/*</span>*/}
        {/*</span>*/}
        {/*<span>*/}
        {/*<Icon type="logout" />*/}
        {/*<span*/}
        {/*style={{ margin: ' 0 20px 0 2px', cursor: 'pointer' }}*/}
        {/*onClick={() => router.push('/')}*/}
        {/*>*/}
        {/*退出*/}
        {/*</span>*/}
        {/*</span>*/}
      </div>
    );
  }
}
